.ProProcess-page {
  width: 100%;
  height: 100%;

  .xtt-tabs-swiper>.tabs-header>.tabs-group>.tab {
    background-color: #fff;
  }

  .ProProcess-panel-item {
    height: calc(100vh - 44px);
  }

  .ProProcess-picture-container {
    width: 100%;
    height: 100%;
    padding: 12px;
    overflow: auto;

    > div {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(var(--num), minmax(60px, 1fr));
      height: var(--num-height);
    }
  }

  .ProProcess-fab {
    $fab-height: 180px;
    position: absolute;
    bottom: $fab-height;
    .uni-fab__content--other-platform {
      bottom: ($fab-height - 65px);
    }

    .uni-fab__content--other-platform {
      box-shadow: 0 2px 4px rgba(0, 0, 0, .12),
      0 0 6px rgba(0, 0, 0, .04);
    }

  }
}
